<template>
  <div class="layout">
    <header>
      <slot name="header">默认布局</slot>
    </header>
    <main>
      <slot />
    </main>
    <footer>
      <slot name="footer">底部的一些默认内容</slot>
    </footer>
  </div>
</template>

<script setup lang="ts">
defineOptions({
  name: "Layout",
});
</script>

<style lang="scss" scoped>
.layout {
  background-color: skyblue;
}
</style>
